大家好啊～今天是鐵人賽的第１８天唷！
今天要說的是v-for列表渲染，將陣列或物件的資料重複且呈現在網頁，用item in items去使用，而item的命名不限，符合 JavaScript 的變數名稱即可。

<template>
    <div id="app">
        <ul>
            <li v-for="example in listExample" :key="example">{{ example }}</li>
        </ul>
    </div>
</template>
<script>
export default {
  data() {
    return {
      listExample: ["1", "2", "3", "4"],
    };
  },
};
</script>

在v-for可以加入索引值index。

<template>
<div id="app">
    <ul>
     <li v-for="(item, index) in listExample" :key="item(index)">{{ item }}</li>
    </ul>
  </div>
</template>

以上為今天的內容，感謝各位的收看。
我們明天見囉～